<template>
  <div>
    <a-row type="flex" justify="center" align="top">
      <a-col :span="12" :xs="24" :md="16" :lg="12">
        <Header></Header>
      </a-col>
    </a-row>
    <a-row type="flex" justify="center" align="top">
      <a-col :span="12" :xs="24" :md="16" :lg="12">
        <Status></Status>
      </a-col>
    </a-row>
    <a-row type="flex" justify="center" align="top">
      <a-col :span="24" :xs="24" :md="16" :lg="12">
        <Mbody></Mbody>
      </a-col>
    </a-row>
  </div>
</template>

<script>
import Header from '../components/Header'
import Status from '@/components/Status'
import Mbody from '../components/Mbody'
export default {
  name: 'Main',
  components: {
    Header,
    Status,
    Mbody
  }
}
</script>

<style>

</style>
